@charset "utf-8";
@import "reset";

body {
  width: 100vw;
  background: url(../img/background.png) no-repeat;
  background-size: 100vw 100vh;

  .wrap {
    .booking {
      margin: vw(180) auto 0 auto;
      width: vw(590);
      height: vw(839);
      background-color: white;
      opacity: 0.6;
      border-radius: vw(15);
      box-shadow: 1px 3px 10px 1px gray;

      //下拉框
      .layui-form {
        .layui-form-item {
          .layui-input-block {
            margin-left: 0;
            font-weight: bolder;
            color: #0075c1;
            font-size: vw(30);
            // border: 1px solid #0075c1;
            // width: vw(300);
            border: none;
            outline: none;
          }
        }
      }

      //场次列表
      .list{
        margin-top: vw(88);

        .header{
          color: #0075c1;
          font-weight: bolder;
          display: flex;
          justify-content: space-around;
        }

        .body{
          .box{
            font-weight: bolder;
            display: flex;
            justify-content: space-around;
            cursor: pointer;
            margin-bottom: vw(150);
          }

          .box:first-child{
            margin-top: vw(100);
          }

          .box:last-child{
            margin-bottom: vw(80);
          }

          .red{
            color: red;
          }

          .green{
            color: green;
          }
        }
      }

      // 底部文字
      .text{
        p{
          font-weight: bolder;
          text-align: center;
        }
      }
    }
  }
}
